<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>列表样式</title>
</head>
<body>

<style>
    /*list-style-type*/
    /*list-style-image*/
    /*list-style-position*/
    /*list-style*/
    /*ul{*/
    /*    list-style: none;*/
    /*}*/
    /*ul>li{*/
    /*    list-style: none;*/
    /*}*/
    ul{
        /*list-style-type:square ;  !* circle   *!*/
        list-style-image:url("img/manor-2.jpg");
        list-style-position:inside;
    }
    ul>li{
        border: 1px solid red;
    }
</style>
<h1>静夜思</h1>
<!--ul>li*4-->
<ul>
    <li>床前明月光</li>
    <li>疑是地上霜</li>
    <li>举头望明月</li>
    <li>低头思故乡</li>
</ul>
</body>
</html>